<!DOCTYPE html><!--  Last Published: Mon Feb 19 2024 01:36:14 GMT+0000 (Coordinated Universal Time)  -->
<html data-wf-page="6586e172e37434461470cd65" data-wf-site="657c661418a503e0b43c9905">
<head>
  <meta charset="utf-8">
  <title>cardPerform</title>
  <meta content="cardPerform" property="og:title">
  <meta content="cardPerform" property="twitter:title">
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/shikais-stunning-site.webflow.css" rel="stylesheet" type="text/css">
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
  <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
  <link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body class="body-4">
  <div id="xiangqingye" class="vue-root">
    <div data-animation="default" data-collapse="small" data-duration="400" data-easing="ease-in" data-easing2="ease" role="banner" class="navbar-3 w-nav">
      <div class="container-13 w-container">
        <div class="div-block-6">
          <form action="/search" class="search w-form"><input class="search-input w-input" v-on:input="searchCards" autofocus="true" maxlength="256" name="query" v-model="searchQuery" placeholder="搜索主题" v-on:focus="focusSearch" type="search" id="search" required=""><img src="images/sousuoanniu.png" loading="lazy" data-w-id="d39ea187-02b8-0a6a-9c26-092b4cd62171" alt="" class="image-3"></form>
        </div>
        <nav role="navigation" class="nav-menu-3 w-nav-menu">
          <div data-hover="false" data-delay="0" class="w-dropdown">
            <div class="yonghuxinxi w-dropdown-toggle">
              <div class="div-block-9"><img src="images/xinzengzhuti.svg" loading="lazy" width="36" alt=""></div>
            </div>
            <nav class="dropdown-list w-dropdown-list">
              <a data-w-id="d39ea187-02b8-0a6a-9c26-092b4cd6217b" href="#" class="yonghu_xuanze w-dropdown-link">新建卡片</a>
            </nav>
          </div>
          <div data-hover="false" data-delay="0" class="w-dropdown">
            <div class="yonghuxinxi w-dropdown-toggle">
              <div class="div-block-9"><img src="images/weixintouxiang_lsk.jpg" loading="lazy" height="33" alt="" width="33" srcset="images/weixintouxiang_lsk-p-500.jpg 500w, images/weixintouxiang_lsk.jpg 516w" sizes="(max-width: 767px) 100vw, 33px" class="image-2"></div>
            </div>
            <nav class="dropdown-list w-dropdown-list">
              <a href="cardzhuye.html" class="dropdown-link yonghu_xuanze w-dropdown-link">我的主题</a>
              <a href="personal.html" class="dropdown-link yonghu_xuanze w-dropdown-link">个人中心</a>
              <a href="index.html" class="yonghu_xuanze w-dropdown-link">官网首页</a>
              <a href="index.html" class="yonghu_xuanze w-dropdown-link">退出登录</a>
            </nav>
          </div>
        </nav>
        <div class="w-nav-button">
          <div class="icon-2 iconzhnakai w-icon-nav-menu"></div>
        </div>
      </div>
    </div>
    <section class="section-13">
      <div class="w-layout-blockcontainer container-19 w-container">
        <div class="div-block-19">
          <a href="cardzhuye.html" class="link-block-3 w-inline-block"><img src="images/返回.svg" loading="lazy" width="32" v-on:click="fanhuishangyiye()" alt=""></a>
          <h3>{{dangqianzhutititle}}</h3>
        </div>
        <div class="div-block-14">
          <div class="div-block-13 huise"><img src="images/学习中心.svg" loading="lazy" width="36" alt="" class="imagezhuti">
            <div class="text-block-6"><strong class="textzhuti">开始学习</strong></div>
          </div>
          <div class="div-block-13 huise"><img src="images/文本编辑.svg" loading="lazy" width="30" alt="" class="imagezhuti">
            <div class="text-block-6"><strong class="textzhuti">编辑模式</strong></div>
          </div>
          <div data-w-id="c4a71d4b-a754-8b25-d08e-9df9228e760b">
            <div v-on:click="triggerScrollToActive()" data-w-id="3cc177b8-7da3-c0ba-017a-cd0c97a0f59e" class="div-block-13"><img src="images/预览.svg" loading="lazy" width="30" alt="" class="imagezhuti">
              <div class="text-block-6"><strong class="textzhuti">预览模式</strong></div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="section-8">
      <div class="w-layout-blockcontainer container-20 zhanshika w-container">
        <div id="kapianzhengmian" v-if="currentCard" v-show="previewCards.length &gt; 0" class="cardfront cardfronta kapianqianmian zaixiuding w-clearfix">
          <div class="div-block-30">
            <div class="div-block-16">
              <a href="#" class="cardoperatorimage w-inline-block"><img src="images/编辑.svg" loading="lazy" data-w-id="3a6da439-8f43-f94e-66f9-175dfe3b6d0d" id="bianjianniu" alt=""></a>
              <a href="#" class="cardoperatorimage w-inline-block">
                <div v-on:click="shoucangkapian()" v-show="currentCard.mark!==1" class="div-block-43"><img src="images/收藏.svg" loading="lazy" v-on:click="toggleMark(currentCard.id)" id="biaojianniu" alt=""></div>
                <div v-on:click="quxiaoshoucangkapian()" v-show="currentCard.mark === 1" class="div-block-37">
                  <div class="shoucangtiaozheng"><img src="images/收藏成功.svg" loading="lazy" alt="" class="image-14"></div>
                </div>
              </a>
              <a href="#" class="cardoperatorimage w-inline-block"><img src="images/删除.svg" loading="lazy" data-w-id="d6ab6792-53ab-322c-1ee4-bba0f4c6d284" id="shanchuanniiu" alt=""></a>
              <a href="#" class="cardoperatorimage w-inline-block"><img src="images/新增.svg" loading="lazy" data-w-id="adf64520-79fa-661e-addb-08f134df8b2b" v-on:click="qingkongxinzengkuang" alt="" id="xinzenganniu"></a>
            </div>
          </div>
          <div id="zhengmiankaneirong" v-html=" currentCard.front" data-w-id="e28512a6-d5d9-584c-0c3c-adc400eb4202" class="div-block-17">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
          </div>
        </div>
        <div class="cardfront cardback jiuzheng w-clearfix">
          <div class="div-block-30">
            <div class="div-block-16">
              <a href="#" class="cardoperatorimage w-inline-block"><img src="images/编辑.svg" loading="lazy" data-w-id="4cdf40a6-fa97-a1fc-6572-10fddc3cc3c9" id="bianjianniu" alt=""></a>
              <a href="#" class="cardoperatorimage w-inline-block">
                <div v-on:click="shoucangkapian()" v-show="currentCard.mark!==1" class="div-block-43"><img src="images/收藏.svg" loading="lazy" v-on:click="toggleMark(currentCard.id)" id="biaojianniu" alt=""></div>
                <div v-on:click="quxiaoshoucangkapian()" v-show="currentCard.mark === 1" class="div-block-37">
                  <div class="shoucangtiaozheng"><img src="images/收藏成功.svg" loading="lazy" alt="" class="image-14"></div>
                </div>
              </a>
              <a href="#" class="cardoperatorimage w-inline-block"><img src="images/删除.svg" loading="lazy" data-w-id="4cdf40a6-fa97-a1fc-6572-10fddc3cc3d1" id="shanchuanniiu" alt=""></a>
              <a href="#" class="cardoperatorimage w-inline-block"><img src="images/新增.svg" loading="lazy" data-w-id="4cdf40a6-fa97-a1fc-6572-10fddc3cc3d3" v-on:click="qingkongxinzengkuang" alt="" id="xinzenganniu"></a>
            </div>
          </div>
          <div v-html="currentCard.back" data-w-id="101b1018-fe0c-1f30-79c6-08003aff162a" class="div-block-17 backdianji2"></div>
        </div>
        <div class="w-layout-blockcontainer container-21 w-container">
          <div class="div-block-18">
            <div class="zudiv">
              <a data-w-id="a2f46d91-860b-38b4-1cfc-bc2047b63cf0" href="#" class="cardxiananiuzu w-inline-block"><img src="images/开始.svg" loading="lazy" data-w-id="409f931c-7a5c-882a-e529-2accc360f836" v-on:click="startAutoPlay()" alt="卡片组轮询播放"><img src="images/stop.svg" loading="lazy" data-w-id="012f56c9-6194-c5c8-df79-e47ed63b5911" v-on:click="stopAutoPlay" alt="" class="image-12"></a>
              <a data-w-id="011b251c-2ac5-2ffe-23b5-82be55a5cba5" href="#" class="cardxiananiuzu w-inline-block"><img src="images/随机.svg" loading="lazy" data-w-id="823b0855-9a6e-9277-3de4-ca980a15d10a" v-on:click="toggleRandomMode()" alt="下一张卡片的出现方式为随机" class="image-10 suiji"><img src="images/顺序.svg" loading="lazy" data-w-id="37b4d488-5f41-50b1-f321-2fd86b613157" v-on:click="toggleRandomMode()" alt="" class="image-13 shunxu"></a>
            </div>
            <div class="zudiv">
              <a v-on:click="goToPreviousCard" data-w-id="c5f2af84-3caa-3039-7459-e0dab4073934" href="#" class="cardxiananiuzu w-inline-block"><img src="images/向左1.svg" loading="lazy" data-w-id="b2426afa-9d81-36d7-6a15-f1c64ad27d43" alt="上一张卡片"></a>
              <div class="text-block-7">{{currentIndex+1}}/{{previewCards.length}}</div>
              <a id="xiayizhangkapianlianjie" v-on:click="goToNextCard" data-w-id="2acac175-5ce5-9df5-4e33-b439ab232b1d" href="#" class="cardxiananiuzu w-inline-block"><img src="images/向右1.svg" loading="lazy" data-w-id="c39f6621-d31c-e445-430b-d6ee9fbd48a9" id="xiayizhang" alt="下一张卡片"></a>
            </div>
            <div class="zudiv">
              <div data-hover="false" data-delay="0" class="w-dropdown">
                <div class="dropdown-toggle w-dropdown-toggle">
                  <a href="#" class="cardxiananiuzu w-inline-block"><img src="images/设置.svg" loading="lazy" data-w-id="3f51a85f-0a30-ae7c-2fe0-dd16cae3ef10" alt=""></a>
                </div>
                <nav class="dropdown-list-2 w-dropdown-list">
                  <div class="div-block-22 shezhidiv">
                    <div class="form-block-5 w-form">
                      <form id="email-form" name="email-form" data-name="Email Form" method="get" data-wf-page-id="6586e172e37434461470cd65" data-wf-element-id="9415c95a-1660-3cde-223e-ce49da469917"><label class="w-checkbox checkbox-field"><input id="xuexi" type="checkbox" name="xuexi" data-name="Xuexi" v-on:click="toggleStarredMode()" class="w-checkbox-input"><span class="w-form-label" for="xuexi">仅学习星号标记的卡片</span></label></form>
                      <div class="w-form-done">
                        <div>Thank you! Your submission has been received!</div>
                      </div>
                      <div class="w-form-fail">
                        <div>Oops! Something went wrong while submitting the form.</div>
                      </div>
                    </div>
                  </div>
                  <div class="div-block-22">
                    <a href="#">取消所有卡片星号</a>
                  </div>
                </nav>
              </div>
              <a href="cardfangda.html" class="cardxiananiuzu w-inline-block"><img src="images/全屏.svg" loading="lazy" data-w-id="48857fa4-bc39-011c-ef73-afd4756c7063" alt=""></a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <div data-w-id="7277f73a-2ba8-d4df-5367-a7022ed490a9" class="div-block-28 bianji">
      <section>
        <div class="w-layout-blockcontainer container-24 w-container">
          <div class="div-block-29">
            <div class="w-layout-hflex flex-block-3"><img src="images/取消.svg" loading="lazy" width="50" data-w-id="b73125e9-190d-4a6e-338e-b076a42df724" alt=""></div>
            <h1 class="heading-2">编辑</h1>
            <div class="form-block-6 w-form">
              <form id="email-form-2" name="email-form-2" data-name="Email Form 2" redirect="#" data-redirect="#" action="http://#" method="get" data-wf-page-id="6586e172e37434461470cd65" data-wf-element-id="b73125e9-190d-4a6e-338e-b076a42df728"><label for="field">卡片正面</label>
                <div class="w-embed"><textarea class="textarea w-input" contenteditable="true" id="fronttextarea" v-bind:value="zhongjianka.front"></textarea></div><label for="email">卡片反面</label>
                <div class="w-embed"><textarea id="myTextarea" v-bind:value="zhongjianka.back" ref="fuwenbenbianji"></textarea></div>
                <div class="w-layout-hflex flex-block-4"><input id="bianjitijiao" type="submit" data-wait="Please wait..." v-on:click="getContentFromEditor()" class="submit-button-5 w-button" value="Submit"></div>
              </form>
              <div class="w-form-done">
                <div>Thank you! Your submission has been received!</div>
              </div>
              <div class="w-form-fail">
                <div>Oops! Something went wrong while submitting the form.</div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
    <div v-show="previewCards.length === 0" class="div-block-28 xinzengka">
      <section>
        <div class="w-layout-blockcontainer container-24 w-container">
          <div class="div-block-29">
            <div class="w-layout-hflex flex-block-3"><img src="images/取消.svg" loading="lazy" width="50" data-w-id="c92e2d4b-11ed-9ab9-1ee0-cbc2da32479d" alt=""></div>
            <h1 class="heading-2">新增</h1>
            <div class="form-block-6 w-form">
              <form id="email-form-2" name="email-form-2" data-name="Email Form 2" redirect="#" data-redirect="#" action="http://#" method="get" data-wf-page-id="6586e172e37434461470cd65" data-wf-element-id="c92e2d4b-11ed-9ab9-1ee0-cbc2da3247a1"><label for="field">卡片正面</label>
                <div class="w-embed"><textarea class="textarea w-input" contenteditable="true" id="fronttextareaxinzeng"></textarea></div><label for="email">卡片反面</label>
                <div id="xinzengfuwenbenkuang" class="w-embed"><textarea id="myTextareaxinzeng" ref="fuwenbenbianjixinzeng"></textarea></div>
                <div class="w-layout-hflex flex-block-4"><input id="xinzengtijiao" type="submit" data-wait="Please wait..." v-on:click="getContentFromEditorXinZeng()" class="submit-button-5 w-button" value="Submit"></div>
              </form>
              <div class="w-form-done">
                <div>Thank you! Your submission has been received!</div>
              </div>
              <div class="w-form-fail">
                <div>Oops! Something went wrong while submitting the form.</div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
    <div id="scrollContainer" re="scrollContainer" class="div-block-23 zuocechouti1 zuocevueloader">
      <div class="div-block-40">
        <div class="div-block-31">
          <h3 class="heading-3">        时间线</h3>
        </div>
        <div data-hover="false" data-delay="0" class="dropdown w-dropdown">
          <div class="dropdown-toggle w-dropdown-toggle">
            <a href="#" class="cardxiananiuzu shijianxianshezhi w-inline-block"><img src="images/设置.svg" loading="lazy" alt=""></a>
          </div>
          <nav class="dropdown-list-2 w-dropdown-list">
            <div class="div-block-22 shezhidiv">
              <div class="form-block-5 w-form">
                <form id="email-form" name="email-form" data-name="Email Form" method="get" data-wf-page-id="6586e172e37434461470cd65" data-wf-element-id="66dee75e-cd3a-12bf-5009-9badae125944"><label class="w-checkbox checkbox-field"><input id="xuexi-2" type="checkbox" name="xuexi-2" data-name="Xuexi 2" class="w-checkbox-input"><span class="w-form-label" for="xuexi-2">激活拖拽以改变位置</span></label></form>
                <div class="w-form-done">
                  <div>Thank you! Your submission has been received!</div>
                </div>
                <div class="w-form-fail">
                  <div>Oops! Something went wrong while submitting the form.</div>
                </div>
              </div>
            </div>
            <div class="div-block-22">
              <a href="#">取消所有卡片星号</a>
            </div>
          </nav>
        </div>
        <div class="zudiv">
          <a href="#" class="cardxiananiuzu w-inline-block"></a>
        </div>
        <div class="shijianxian w-embed">
          <el-timeline>
            <draggable :sort="true" :disabled="false" handle=".drag-handle" v-model="previewCards" ghost-class="ghost" group="people" @change="shijianxiandragEnd" @start="drag=true" @end="drag=false">
              <el-timeline-item v-for="(activity, index) in filteredCards" :key="index" :icon="activity.icon" :type="activity.type" :color="activity.mark === 1 ? '#0BBD87' : activity.color" :size="activity.size" :timestamp="activity.time" placement="top" :class="{ 'active-background': activeIndex === index }">
                <div class="button-group">
                  <el-button icon="el-icon-plus" @click="addIconIndexChange(index)" circle=""></el-button>
                  <el-button icon="el-icon-delete" @click="quickDelete(index)" circle=""></el-button>
                  <el-button icon="el-icon-star-off" @click="markKnown(activity)" circle=""></el-button>
                </div>
                <el-button v-if="editTitleChange" icon="el-icon-check" @click="" circle=""></el-button>
                <div v-if="!editTitleChange">
                  <div ref="li" :class="'class-item'" :id="activity.id" @click="dianjishijianxian_kapian(index)">{{activity.front}} </div><i v-show="filteredCards.length===previewCards.length" class="el-icon-s-operation drag-handle"></i>
                </div>
                <div v-else-if="editTitleChange">
                  <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" v-model="activity.front"></el-input>
                </div>
              </el-timeline-item>
            </draggable>
          </el-timeline>
        </div>
      </div>
      <div class="tuozhuaibiankuang">
        <div class="div-block-42">
          <div data-w-id="dcc09247-c928-1e6e-6e2a-1b7eb4cf3d94" class="div-block-32 quxiao"><img src="images/取消.svg" loading="lazy" width="37" alt="" class="image-11"></div>
        </div>
        <div class="div-block-41"><img src="images/tuodong1.png" loading="lazy" width="20" height="20" alt="" class="image-15"></div>
      </div>
    </div>
    <div class="shifoushanchuzhezhao">
      <div class="div-block-33">
        <div class="div-block-35"><img src="images/取消.svg" loading="lazy" width="37" data-w-id="4e25e0da-1a5a-4c28-6fb4-a29c09f2e59e" alt="" class="quxiaocaozuo"></div>
        <div class="w-layout-hflex flex-block-6">
          <h3 class="heading-4">是否确定删除？</h3>
        </div>
        <div class="w-layout-hflex flex-block-5">
          <div class="div-block-36">
            <div v-on:click="deleteCard(currentCard.id)" data-w-id="6df56f62-827a-7932-2bfd-0dd960f39760" class="div-block-34">确定</div>
            <div data-w-id="aee07aa5-1015-cc5d-1e56-4bd14fc997ed" class="div-block-34 quxiaoshanchu">取消</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="jiazaizhongdonghua" class="jiazaizhongzhezhao">
    <div class="div-block-39">
      <a href="#" class="w-inline-block"><img src="images/加载中_爱给网_aigei_com.gif" loading="lazy" alt=""></a>
    </div>
  </div>
  <div class="w-embed w-script">
    <script src="http://43.136.220.136/static/vue.js"></script>
    <link href="http://43.136.220.136/static/skin.min.css" rel="stylesheet">
    <script src="http://43.136.220.136/static/tinymce@5.2.2.min.js"></script>
    <script src="http://43.136.220.136/static/tinymce-silver-theme.min@5.2.2.js"></script>
    <script src="http://43.136.220.136/static/tinymce-table-plugin@5.2.2.min.js"></script>
    <script src="http://43.136.220.136/static/tinymce-image-plugin@5.2.2.min.js"></script>
    <script src="http://43.136.220.136/static/tinymce-paste-plugin@5.2.2.min.js"></script>
  </div>
  <div class="zuzhimorenxingwei w-embed w-script">
    <script>
  document.addEventListener('DOMContentLoaded', function () {
    var submitButton = document.getElementById('bianjitijiao'); // 用你的按钮的ID替换 'your-button-id'
    if (submitButton) {
      submitButton.addEventListener('click', function (event) {
        event.preventDefault(); // 阻止默认提交行为
      });
    }
  });
</script>
  </div>
  <div class="tinymce-xiufu w-embed w-script">
    <script src="http://43.136.220.136/static/advlist-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/advlist-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/anchor-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/autolink-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/charmap-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/code-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/colorpicker-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/contextmenu-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/directionality-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/emoticons-js-emojis.min.js"></script>
    <script src="http://43.136.220.136/static/emoticons-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/fullscreen-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/hr-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/image-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/insertdatetime-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/link-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/lists-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/nonbreaking-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/paste-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/preview-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/save-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/searchreplace-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/table-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/textcolor-plugin.min.js"></script>
    <script src="http://43.136.220.136/static/textpattern-plugin.min.js"></script>
    <!--     这种方式导入可行 -->
    <script src="http://43.136.220.136/static/tinymce/plugins/axupimgs/plugin.js"></script>
    <!--     引入axios -->
    <script src="http://43.136.220.136/static/axios.min.js"></script>
    <script src="http://43.136.220.136/static/toc-plugin.js"></script>
    <script src="http://43.136.220.136/static/Sortable.min.js"></script>
    <script src="http://43.136.220.136/static/vuedraggable.umd.min.js"></script>
    <!--   引入样式   -->
    <!--     <link rel="stylesheet" href="static/theme-chalk-index.css"> -->
    <!--   引入组件库   -->
    <script src="http://43.136.220.136/static/element-ui-lib-index.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <script>
  document.addEventListener('DOMContentLoaded', function () {
    var submitButton = document.getElementById('bianjitijiao'); // 用你的按钮的ID替换 'your-button-id'
    if (submitButton) {
      submitButton.addEventListener('click', function (event) {
        event.preventDefault(); // 阻止默认提交行为
        // 这里可以添加其他逻辑或消息
      });
    }
     var submitButton = document.getElementById('xinzengtijiao'); // 用你的按钮的ID替换 'your-button-id'
    if (submitButton) {
      submitButton.addEventListener('click', function (event) {
        event.preventDefault(); // 阻止默认提交行为
        // 这里可以添加其他逻辑或消息
      });
    }
  });
</script>
  </div>
  <div id="app" class="vue-root-init w-embed w-script">
    <style>
.active-background .el-timeline-item__node{
    background-color: #5FADFD!important;
}
</style>
    <script src="http://43.136.220.136/js/perform-vue.js"></script>
  </div>
  <div id="app" class="cssbiangeng w-embed w-script">
    <style>
/* Division */
.el-timeline-item__content > div{
 display:flex !important;
 flex-direction:row;
 align-items:center;
 transform:translatex(0px) translatey(0px);
 margin-right:33px;
}
/* Class item */
.el-timeline div .class-item{
 margin-right:0px;
 padding-right:16px;
 width:461px;
}
/* Drag handle */
.el-timeline div .drag-handle{
 font-size:37px;
}
/* Shijianxian */
#scrollContainer .shijianxian{
 width:100%;
}
@media (max-width:768px){
 /* Drag handle */
 .el-timeline div .drag-handle{
  padding-left:0px;
  margin-left:-12px;
  margin-right:-24px;
 }
 }
 /*移动端会多出来空白,通过hidden解决*/
.div-block-23 {
    overflow-x: hidden!important;
}
</style>
    <script>
document.addEventListener('DOMContentLoaded', function() {
    const handle = document.querySelector('.tuozhuaibiankuang');
    const drawer = document.querySelector('.zuocechouti1');
    let isResizing = false;
    // 鼠标按下，开始调整宽度
    handle.addEventListener('mousedown', function(e) {
        isResizing = true;
        document.addEventListener('mousemove', handleMouseMove);
        document.addEventListener('mouseup', stopResizing);
    });
    // 处理鼠标移动事件
    function handleMouseMove(e) {
        if (!isResizing) return;
        const newWidth = e.clientX - drawer.getBoundingClientRect().left;
        drawer.style.width = newWidth + 'px';
    }
    // 停止调整宽度
    function stopResizing() {
        isResizing = false;
        document.removeEventListener('mousemove', handleMouseMove);
    }
});
document.addEventListener('DOMContentLoaded', function() {
    const handle = document.querySelector('.tuozhuaibiankuang');
    const drawer = document.querySelector('.zuocechouti1');
    let isResizing = false;
    // 开始调整宽度（触摸）
    handle.addEventListener('touchstart', function(e) {
        isResizing = true;
        document.addEventListener('touchmove', handleTouchMove);
        document.addEventListener('touchend', stopResizing);
    });
    // 处理触摸移动事件
    function handleTouchMove(e) {
        if (!isResizing) return;
        if (e.touches.length > 0) {
            const touch = e.touches[0];
            const newWidth = touch.clientX - drawer.getBoundingClientRect().left;
            drawer.style.width = newWidth + 'px';
        }
    }
    // 停止调整宽度（触摸）
    function stopResizing() {
        isResizing = false;
        document.removeEventListener('touchmove', handleTouchMove);
    }
});
</script>
  </div>
  <div class="shurukuangxialajiansuojieguo w-embed">
    <style>
.search-results {
    position: absolute;
    width: 33%; /* 或者根据需要调整宽度 */
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #ccc;
    background-color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    left: 26%;
    top: 80%;
}
.search-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
    color: black;
}
.search-item:last-child {
    border-bottom: none;
}
</style>
  </div>
  <div id="app" class="vue w-embed">
    <style>
 #active_button_raw {
    display: flex;
    justify-content: center;
    align-items: center
  }
  .alert-success {
    display: none;
  }
  .el-card {
    border: solid 1px rgb(217, 208, 208);
    min-height: 300px;
    /*max-height: 700px; 暂时先锁住，还使用之前的方式*/
    overflow-y: auto;
    border-radius: 5px;
  }
  .check-btngroup {
    margin-top: 10px;
  }
  .btn-link {
    height: 25px;
  }
  .selectLabel {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .toolkit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    flex-wrap: wrap;
    position: absolute;
    right: 0px;
    top: 0px;
    -webkit-transform: scale(1.4)
  }
  .toolkit i {
    margin: 5px 7px 0 0;
    cursor: pointer;
  }
  .title {
    margin-bottom: 20px;
  }
  .el-timeline-item__content a {
    cursor: pointer;
  }
  /*  关联模式*/
  .frontBackShow {
    width: 700px;
    word-break: break-all;
    word-wrap: break-word;
    overflow-x: scroll;
    /*width: 700px!important;*/
  }
  /**/
  .btn-default.btn-primary {
    color: white !important;
  }
  /*  */
  .front_div {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #front_prefix {
    flex: 1;
  }
  #front {
    flex: 4
  }
/*  */
  .el-card {
    text-align: left;
    font-size: 18px;
    border: 1px solid;
  ;
  }
/*  */
  .btn-success {
    color: white!important;
  }
/*  */
  .esContentSearch{
    width: 200px;
    margin-top: 20px;
  }
/*  */
/*  .aTimeLine {*/
/*    height: 810px;*/
/*  }*/
  /*定义滚动条高宽及背景
   高宽分别对应横竖滚动条的尺寸*/
  ::-webkit-scrollbar
  {
    width:7px;
    height:0px;
    background-color:#fffdfd;
  }
  /*定义滚动条轨道
   内阴影+圆角*/
  ::-webkit-scrollbar-track
  {
    -webkit-box-shadow:inset 0 0 6px rgba(249,246,246,0.3);
    border-radius:4px;
    background-color:#ffffff;
  }
  /*定义滑块
   内阴影+圆角*/
  ::-webkit-scrollbar-thumb
  {
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(247,246,246,0);
    background-color:#c1bdbd;
  }
  .ghost {
    opacity: 1;
    background: #c8ebfb;
    color:black;
  }
/*  */
  .memorizePanel {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    flex:2;
    /*width:800px!important;*/
  }
  .aTimeLine {
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
  }
  .wordCloud  {
    flex: 1;
  }
  .el-card {
    display: flex;
    justify-items: center;
    align-items: center;
    position: relative;
  }
  .showContent{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .check-btngroup .text-center {
    margin-bottom: 20px;
  }
/*自动隐藏和显示*/
  .el-timeline-item  .is-circle  {
    position: relative;
    transform: scale(0.6);
    display: none;
  }
/**/
  .el-timeline-item .is-circle {
    position: absolute;
    margin-left: -15px;
  }
  .el-timeline-item .button-group {
    display: inline-block;
    position: absolute;
    margin-top: -36px;
    margin-left:130px;
    flex-wrap: nowrap;
  }
/**/
  .el-timeline-item textarea {
    max-height:80px!important;
  }
/**/
  .timeset {
    position: absolute;
    margin-top: -55px;
  }
/**/
  html {
    overflow-y: hidden;
  }
/* 重点数据是带有todo字符的，通过绑定class修改样式实现*/
  .important {
    background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%);
    border-radius: 33px;
  }
  .sss {
    display: flex;
  }
  .myxhandle{
    background-color: rgb(252,250,250);;
    position: relative;
    left: 19px;
  }
  .wordCloud-contianer{
    flex: 1;
  }
  .wordCloud {
    position: relative;
    height: 100%;
    width: 100%;
  }
  .memorizePanel {
    flex: 1;
  }
  .timeline-container {
    flex: 1;
  }
  .timeline-container{
    display: flex;
    flex-direction: flex-start;
  }
  .timeline-real{
    flex: 1;
    max-height: 80vh;
    margin-left: 5px;
  }
 .button-group {
     width: 90px;
    }
</style>
  </div>
  <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=657c661418a503e0b43c9905" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
</body>
</html>